// 颜色变量 - 黑白简练风格
$primary-color: #000000;
$success-color: #000000;
$warning-color: #666666;
$error-color: #000000;
$info-color: #000000;

// 文本颜色
$text-color: #000000;
$text-color-secondary: #666666;
$text-color-light: #999999;
$text-color-disabled: #cccccc;

// 背景颜色
$bg-color: #ffffff;
$bg-color-light: #f8f8f8;
$bg-color-dark: #000000;

// 边框颜色
$border-color: #e8e8e8;
$border-color-light: #f0f0f0;
$border-color-dark: #000000;

// 字体大小
$font-size-xs: 12px;
$font-size-sm: 14px;
$font-size-base: 16px;
$font-size-lg: 18px;
$font-size-xl: 20px;
$font-size-xxl: 24px;

// 间距 - 紧凑布局
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-base: 12px;
$spacing-lg: 16px;
$spacing-xl: 20px;
$spacing-xxl: 24px;

// 圆角
$border-radius-sm: 2px;
$border-radius-base: 4px;
$border-radius-lg: 8px;
$border-radius-xl: 12px;

// 阴影
$box-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12);
$box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15);
$box-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.15);

// 断点
$breakpoint-xs: 480px;
$breakpoint-sm: 576px;
$breakpoint-md: 768px;
$breakpoint-lg: 992px;
$breakpoint-xl: 1200px;
$breakpoint-xxl: 1600px;

// Z-index
$z-index-dropdown: 1000;
$z-index-modal: 1050;
$z-index-popover: 1060;
$z-index-tooltip: 1070;